<template>
  <div>
    <van-area title="城市选择" :area-list="areaList" @confirm="showArea"/>
  </div>
</template>

<script>
//从全国省市区数据包中提取数据，命名为areaList
import {areaList} from '@vant/area-data'
export default {
  data(){
    return {areaList};
  },
  methods:{
    showArea(area){
      console.log(area);
    }
  }
}
</script>